﻿{include file="common/head_exit"}
<link href="/meetTWO/public/static/bootstrap/css/bootstrap.min.css" type="text/css" rel="Stylesheet" />
<style>
    body {
        background: url('/meetTWO/public/static/images/background1.jpg') center no-repeat;
        background-size: 80% 60%;
    }
    /* table tr:nth-child(odd) {
        background: rgba(255, 255, 255, 0.226);
    }
    
    table tr:nth-child(even) {
        background: #66ccff;
    } */
    
    table td {
        height: 50px;
    }
    
    header div {
        height: 200px;
    }
    
    header div:nth-child(1) {
        width: 100px;
    }
    
    header div:nth-child(2) {
        flex: 1;
        -webkit-flex: 1;
    }
    
    header div:nth-child(3) {
        width: 100px;
    }
    
    .table-hover>tbody>tr:hover {
        background-color: #d9edf7 !important;
        opacity: 0.8 !important;
        color: #0c1fa0 !important;
    }
</style>

<body>
    <table class="table table-hover " style="text-align:center;">


        <!-- <head>
    <meta name="viewport" content="width=640,minimum-scale=0.5,maximum-scale=1.0,user-scalable=no, initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>奥运时间</title>
    <link rel="stylesheet" href="$meet/static/time/css/screen.css" type="text/css" media="screen">
    <link rel="stylesheet" href="$meet/static/time/css/responsive.css" type="text/css" media="screen">
	<link rel="stylesheet" href="$meet/static/time/css/colorbox.css" type="text/css" media="screen"> -->
        <!-- </head> -->
        <header style="color:gray;font-family: 	Microsoft YaHei;">
            <thead>
                <tr style="font-family:STKaiti;font-size:17px;">
                    <div>
                        <th style="text-align:center;line-height: 260%;">项目</th>
                    </div>
                    <div>
                        <th style="text-align:center;">开始<br />时间</th>
                        <th style="text-align:center;">结束<br />时间</th>
                    </div>
                    <div>
                        <th style="text-align:center;line-height: 260%;">场地</th>
                    </div>
                </tr>
            </thead>
        </header>
        <tbody id="time ">
            {volist name="name " id="vo "}
            <tr>
                <td>{$vo.name}</td>
                <td>{$vo.time}</td>
                <td>{$vo.date}</td>
                <td>{$vo.place}</td>
            </tr>
            {/volist}
        </tbody>
    </table>
</body>
<div class="goto_fatie_box">
    <a href="javascript:void(0);" class="go-top">
        <img src="/meetTWO/public/static/index/picture/goto.png" />
    </a>
</div>
<script type="text/javascript">
    $(".go-top").click(function() {
        var dcm = '__';
        var top = dcm == 'forum_thread_show' ? $('header').height() : 0;
        $('body,html').animate({
            scrollTop: top
        }, 300);
        return false;
    });
</script>
<!-- <script type="text/javascript ">
    $.ajax({
        type: "GET ",
        url: "/meetTWO/public/index/index/timetable ",
        data: 'data',
        type: 'get',
        cache: false,
        processData: false,
        contents: false,
        contentType: false,
        success: function(res) {
            // res = JSON.parse(res);
            // for (var i = 0; i < res.length; i++) {
            //     let table_test = $('<tr><td>' + (i + 1) + '</td><td>' + res[i].name + '</td><td>' + res[i].time + '</td><td>' + res[i].date + '</td><td>' + res[i].place + '</td></tr>');
            //     $('#time').append(table_test);
            // }
            console.log(res)
                // console.log(res[0].name);
        },
        error: function() {
            alert('网络错误')
        }
    })
</script> -->